<a href="javascript:;" class="grid-row-view" data-toggle="modal" data-target="#myModal{{ $id }}">
    <i class="fa fa-eye"></i>
</a>
<div class="modal fade" id="myModal{{ $id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
@if(isset($list))
    <div style="overflow-x:auto;white-space:nowrap;">
        <table class="table table-hover grid-table">
            <thead>
            <tr>
                <th>ID</th>
            </tr>
            </thead>
            <tbody>
            @foreach($list as $k=>$v)
                <tr>
                    <td><a >{{ $v->category_id }}</a></td>
                    <td><a>{{ $v->category_name }}</a></td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
@endif


            </div>

        </div>
    </div>
</div>
